<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/style.css" />
		<style>
			#scroll{position: fixed;left: 0;}
			.ctn{
				padding-bottom: 0 !important;
				background-color: #1D1D1D;
			}
			.mui-bar-nav {
			    top: 0;
			    -webkit-box-shadow: none;
			     box-shadow: none; 
			}
			.priceType{
			    width: 3rem;
			    background-color: #171717;
			    border: 1px solid #FFC938 !important;
			    margin-right: 10px;
			    font-size: 0.4rem;
			    margin-bottom: 0;
			}
			#priceNum ul{ box-sizing: border-box;padding-bottom: 10px;border-bottom: 1px solid #1d1d1d;}
			.stoke_total ul{border-bottom:0.26rem solid #1d1d1d; margin-bottom: 0;padding-bottom: 0.13rem;height: 3.2rem;}
			.mui-scroll-wrapper{background-color: #171717;}
			#searchRes ul li img{display: block;width:0.82rem;height:0.5rem}
			.contTitle{position: fixed;left: 0;top:0;width: 100%;z-index: 2;height: 0.5rem;}
			/*.mui-content{background-color: #171717;}*/
			.contInner{margin-top:2.1rem;}
			#day_list ul li{height:1.3rem;}
			#day_lists{box-sizing: border-box;padding-bottom: 60px;}
		</style>
	</head>
	<body class="optionalPage ctn">
		<!--navBar-->
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">交易</h1>
		</header>
		<!--contTitle-->
		<div class="contTitle mui-content" id='fixedNav'>
			<div class="mui-row deal_title" id="deal_title">
				<ul>
					<li style="margin-left:10px;" data-cont='sale'>
						<a href='javascript:void(0)'>买/卖</a>
					</li>
					<li data-cont='cancleDeal'>
						<a  href='javascript:void(0)'>撤单</a>
					</li>
					<li id="chicang" data-cont='holdCast'>
						<a  href='javascript:void(0)'>持仓</a>
					</li>
					<li data-cont='goldInOut'>
						<a href='javascript:void(0)'>出/入金</a>
					</li>
					<li class="active" data-cont='searchC'>
						<a href='javascript:void(0)'>查询</a>
					</li>
				</ul>
			</div>
		</div>
		<!--contInner-->
		<div class="contInner">
			<div class="searchC mui-content part ctn" style="display: block;">
				<div class="mui-row">
					<ul class="list list_title">
						<li id="title_trade" style="margin-bottom: 0 !important;">
							<span class="">当日成交</span>
							<span class="mui-icon mui-icon-arrowright mui-pull-right"></span>
						</li>
						<li id="title_commissio">
							<span class="">当日委托</span>
							<span class="mui-icon mui-icon-arrowright mui-pull-right"></span>
						</li>
						<li id="history_trade" style="margin-bottom: 0 !important;">
							<span class="">历史成交</span>
							<span class="mui-icon mui-icon-arrowright mui-pull-right"></span>
						</li>
						<li id="history_commissio">
							<span class="">历史委托</span>
							<span class="mui-icon mui-icon-arrowright mui-pull-right"></span>
						</li>
						<li id="deposit" style="margin-bottom: 0 !important;">
							<span class="">入金查询</span>
							<span class="mui-icon mui-icon-arrowright mui-pull-right"></span>
						</li>
						<li id="gold">
							<span class="">出金查询</span>
							<span class="mui-icon mui-icon-arrowright mui-pull-right"></span>
						</li>
						<li id="goldDetail">
							<span class="">资金明细</span>
							<span class="mui-icon mui-icon-arrowright mui-pull-right"></span>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--tabBar-->
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item" href="javacript:void(0)" data-page='market'>
				<img src="images/HQ_icon_21x21_@3x.png" alt="" />
				<span>行情</span>
			</a>
			<a class="mui-tab-item mui-active" href="javacript:void(0)" data-page='optional'>
				<img src="images/ZX_icon_21x21_@3x.png" alt="" />
				<span>自选</span>
			</a>
			<a class="mui-tab-item " data-page='newsPage' href="#">
				<img src="images/news.png" alt="" />
				<span>资讯</span>
			</a>
			<a class="mui-tab-item " data-page='deal' href="javacript:void(0)">
				<img src="images/JY_icon_select_21x21_@3x.png" alt="" />
				<span  class="activeBar">交易</span>
			</a>
			<a href="javascript:void(0)" class="mui-tab-item" data-page='users'>
				<img src="images/WD_icon_21x21_@3x.png" alt="" />
				<span>我的</span>
			</a>
		</nav>
	</body>
	<script src="js/mui.min.js"></script>
	<script src='libs/easymob-webim-sdk/jquery-1.11.1.js'></script>
	<script src='js/mstock.js'></script>
	<script src='js/configs.js'></script>
	<script src='json/all.js'></script>
	<script src='js/temp.js'></script>
	<script src='js/sdeal.js'></script>
	<script>
		mui.init();
		//tabBar event
		mui(".mui-bar").on('tap', '.mui-tab-item ',function() {
			var _page = this.getAttribute("data-page");
			var _url;
			switch(_page) {
				case 'market':
					mui.openWindow({
						url: 'market.html'
					});
					break;
				case 'optional':
					mui.plusReady(function() {
				        var list = plus.webview.getWebviewById('optional.html');
						mui.fire(list,'refresh');
					})
					mui.openWindow({
						url: 'optional.html'
					});
					break;
				case 'newsPage':
					mui.openWindow({
						url: 'news.html'
					});
					break;
				case 'deal':
					if(account&&account!=''){
						mui.openWindow({
							url: 'deal.html'
						});
					}else{
						mui.openWindow({
							url: 'login.html'
						});
					}
					break;
				case 'users':
					if(account&&account!=''){
						mui.openWindow({
							url: 'users.html'
						});
					}else{
						mui.openWindow({
							url: 'login.html'
						});
					}
					break;
			}
			
		})
		tradeDeal().searchTabPage();
	</script>
</html>